<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>咖啡购买页</title>
<style type="text/css">
/*整体的*/
body{ background:#F1E8E8}
#all{ width:1036px; margin:0 auto;}
.clear{ clear:both}
/*导航条*/
#head{height:74px; background:#E79294; margin-left:215px; margin-top:-97px}
#head h4{color:#111010; padding-left:40px; padding-top:5px}
#head h4 p{float:right; color:gray; margin:0 30px 10px;}
#head ul{ margin:0, auto;}
#head ul li{list-style:none; float:left; padding:0 20px; font-size:14px; line-height:35px;}
#head ul li a.buyaozuobiankuang{ border-left:none}
#head ul li a{text-decoration:none; color:#FFF;  padding-left:10px; border-left:2px solid #930;}
#head ul li a:hover{ color:#000000;}
/*logo*/
#logo{ background:#E9C5BB; height:90px;}
#logo strong{color:#a7171a; margin-left:10px}
#logo a{ text-decoration:none; color:#a7171a}
#logo a:hover{ color:#F10D11;}
.top1{ width:500px; height:20px; border:2px solid #E9C5BB; margin-top:15px; margin-left:10px}
#logo h5{padding-left:650px; margin-top:10px;}
#logo h5 P{color:#F5570F; padding-left:50px; margin-top:-26px}
/*位置*/
#weizhi{margin-top:-10px; margin-bottom:-10px}
#weizhi a{ text-decoration:none; font-size:14px; color:#000; }
#weizhi a:hover{color:#F00}
/*内容*/
#content-top{ background:#FFF; border:1px solid #999; height:1650px}
/*左边导航*/
#content-head-left{ width:230px; height:980px; border:3px solid #E9C5BB; margin:10px 0 10px 10px;}
#content-head-left ul{ margin-left:-22px; margin-top:5px}
#content-head-left ul li{ list-style:none; padding-top:4px;}
#content-head-left ul li a{text-decoration:none; color:#900; font-size:16px;}
#content-head-left ul li a:hover{color:#F00;}
.a{ text-decoration:none; color:#C00; margin-left:18px; margin-top:10px; font-family:楷体; font-size:20px; border-top:2px solid #900;}
.li{ border-bottom:1px solid #CCC}
/*中间内容*/
#content{ margin-left:330px; margin-top:-980px}
.p{ margin-right:100px; margin-top:10px; float:right}
#context ul{ list-style:none; margin-left:-100px; }
#context ul li{ float:left; padding:0 10px; border-bottom:1px solid #960;}
.p1{ float:right; margin-top:10px; margin-right:380px; font-size:14px}
.p2{font-size:14px}
.f{ margin-top:60px; margin-left:-60px}
#from{ margin-top:50px; border:1px solid #C30; background:#FFC; margin-right:50px}
#from ul li{ list-style:none; padding-top:2px;}
#from ul li a{float:right}
/*对下面内容，对footer*/
#footer{height:183px; background-image:url(../Coffee%E5%95%86%E5%9F%8E/footer.jpg); margin-top:10px}
#footer ul{ margin:0, auto;}
#footer ul li{list-style:none; float:left; padding:0 45px; font-size:20px; line-height:35px; margin-top:50px}
#footer ul li a{text-decoration:none; color:#FFF;  padding-left:10px;}
#footer ul li a:hover{ color:#F00;}
#footer p{text-align:center; padding-top:160px; font-size:12px; color:#FFF;}
</style>
</head>

<body>
<!----------整体开始--------------->
<div id="all">
<div id="top">
<!----------导航开始--------------->
<div>
<img src="../Coffee商城/logo.gif">
<div id="head">
<h4>您好！！！欢迎光临咖啡商城。。。<p> 咨询电话:010-52488588</p></h4>
<ul>
<li><a href="#"  class="buyaozuobiankuang">咖啡首页</a></li>
<li><a href="#">咖啡豆</a></li>
<li><a href="#">咖啡辅料</a></li>
<li><a href="#">咖啡机</a></li>
<li><a href="#">咖啡器具</a></li>
<li><a href="#">留言板</a></li>
<li><a href="#">支付中心</a></li>
</ul>
</div>
</div>
<div class="clear"></div>
<!----------logo开始--------------->
<div id="logo">
<strong>热门搜索：</strong>
<a href="#">咖啡机</a>
<a href="#">家用咖啡机</a>
<a href="#">商用咖啡机</a>
<a href="#">咖啡豆</a>
<input type="text" class="top1">
<input type="button" value="搜所">
<h5><img src="../Coffee商城/shop.png" width="40px" height="40px"><p><a href="#">您的购物车中有 0 件商品，总计金额 ￥0.00元。</a></p></h5>
</div>
</div>
<div class="clear"></div>
<div id="weizhi">
<p>当前位置: <a href="#">首页</a> > <a href="#">咖啡豆</a> > <a href="#">国产咖啡豆</a> > <a href="#">四季工坊咖啡豆</a> > <a href="#">台湾四季工坊300g罐装咖啡豆</a></p>
</div>
<!----------内容开始--------------->
<div id="content-top">
<!----------左边导航--------------->
<div id="content-head-left">
<img src="../Coffee商城/j1.png"  width="232px">
		  <ul>		 
          <li><a href="#">LAVAZZA咖啡豆</a></li>
          <li><a href="#">BARBERA巴贝拉咖啡豆</a></li>
          <li><a href="#">E平方咖啡豆</a></li>
          <li><a href="#">哥伦比亚Juan Valdez咖啡豆</a></li>
          <li><a href="#">元帅咖啡豆</a></li>
          <li><a href="#">Melitta美乐家咖啡豆</a></li>
          <li><a href="#">MAGNUM咖啡豆</a></li>
          <li><a href="#">日本UCC咖啡</a></li>
          <li><a href="#">麝香猫咖啡</a></li>
          </ul>
<a href="#" class="a">浏览历史</a>
          <ul>		 
          <li class="li"><a href="#"><img src="../Coffee商城/g15.png"></a><p><a href="#">台湾四季工坊牙买加蓝山227g罐装咖啡豆</a><br>本店售价：￥180元</p></li>
          <li class="li"><a href="#"><img src="../Coffee商城/g16.png"></a><p><a href="#">台湾四季工坊耳挂式滤泡咖啡</a><br>本店售价：￥55元</p></li>
          <li class="li"><a href="#"><img src="../Coffee商城/g17.png"></a><p><a href="#">illy意利咖啡豆</a><br>本店售价：￥72元</p></li>
          <li class="li"><a href="#"><img src="../Coffee商城/g19.png"></a><p><a href="#">日本UCC 蓝山1号咖啡豆</a><br>本店售价：￥1688元</p></li>
          <li><a href="#"><img src="../Coffee商城/g18.png"></a><p><a href="#">德国进口花果茶</a><br>本店售价：￥55元</p></li>
          </ul>          
<a href="#" class="a">相关文章</a>
          <ul>
          <li><a href="#">*越南拟调整咖啡出口量</a></li>     
</div>
<div class="clear"></div>
<!----------中间部分--------------->
<div id="content">

<img src="../Coffee商城/g20.png">
<div class="p">
<h2>台湾四季工坊300g罐装咖啡豆</h2>
<p>商品货号：qianfeng000137<br>商品库存： 200 包<br>商品品牌：四季工坊<br>市场价格：￥96元<br>本店售价：￥80元<br>用户评价： <img src="../Coffee商城/g3.png"></p>
<a href="Coffee3.html"><img src="../Coffee商城/g2.png"></a>
</div>

<div id="context">
<img src="../Coffee商城/g21.png">
           <ul>
           <li><a href="#"><img src="../Coffee商城/g5.png"></a></li>
           <li><a href="#"><img src="../Coffee商城/g6.png" width="85px"; height="30px"></a></li>
<p class="p1">【品名】四季工坊300g罐装咖啡豆<br>
【品牌】四季工坊<br>
【产地】南京 (进口原豆 国内新鲜烘焙)<br>
【配料】100%焙炒咖啡豆<br>
【规格】300g<br>
【保质期】12月<br>
【咖啡豆生熟】咖啡熟豆<br>
【风味可选】蓝山/摩卡/哥伦比亚/曼特宁/炭烧/巴西/意大利</p>
<img src="../Coffee商城/g22.png">
<p class="p2">【咖啡豆品种介绍】<br>
1、蓝山咖啡(BLUE MOUNTAIN)<br>
是生产于牙买加蓝山海拔2500尺以上的咖啡豆，是一种微酸、柔顺、带甘、风味细腻的咖啡；纯蓝山咖啡口感、香味较淡，但喝起来却非常香醇精致；被评为具有贵族的品味，乃咖啡中之极品。
<br>2、摩卡咖啡(MOCHA)<br>
目前以也门所生产的咖啡为最佳，其次为依索比亚的摩卡；摩卡咖啡带润滑中之中酸至强酸、甘性特佳、风味独特，含有巧克力的味道；被评为具有贵妇人的气质，是极具特色的一种纯品咖啡。
<br>3、哥伦比亚咖啡(COLOMBIA)<br>
哥伦比亚咖啡中以SUPREMO最具特色，其咖啡柔软香醇；带微酸至中酸，其品质及香味稳定，属中度咖啡，是用以调配综合咖啡的上品。
<br>4、曼特宁咖啡(MANDELING)<br>
是生产于印尼，苏门答腊中最具代表性的咖啡；风味香、浓、苦，口味相当强，但柔顺不带酸，是印尼生产的咖啡中品质最好的一种咖啡。
<br>5、碳烧咖啡(CHARCAL FIRE)<br>
是一种重度烘焙的咖啡，味道焦、苦不带酸，咖啡豆有出油的现象，极适合用于蒸气加压咖啡 。
<br>6、巴西咖啡(SANTOS)<br>
巴西乃世界第一的咖啡生产国，所产之咖啡，香味温和、微酸、微苦，为中性咖啡之代表，是调配温和咖啡不可或缺的品种。
<br>7、意大利(ITALI)<br>
意大利本国不出产咖啡，它主要以拼配咖啡为主，讲究口感浓厚，适合于做Espresso等口味偏重的咖啡，或卡布奇诺等花式咖啡。烘焙过后几天内饮用香浓无比。</p>
           <li><img src="../Coffee商城/g7.png"></li>
           </ul>
</div>

<div class="f">
<form id="from">
<ul>
<li> &nbsp 用户名：<input type="text"></li>
<br>
<li>&nbsp E-mail：<input type="password"></li>
<br>
<li>评论内容：<input type="text"></li>
<br>
<li>评价等级：
<input type="radio" name="sex" value="0"><img src="../Coffee商城/g9.png">
<input type="radio" name="sex" value="1"><img src="../Coffee商城/g10.png">
<input type="radio" name="sex" value="2"><img src="../Coffee商城/g11.png">
<input type="radio" name="sex" value="3"><img src="../Coffee商城/g12.png">
<input type="radio" name="sex" value="4"><img src="../Coffee商城/g13.png"></li>
<br>
<li>&nbsp 验证码：<input type="text">&nbsp<img src="../Coffee商城/g23.png"></li>
<br>
<a href="#"><img src="../Coffee商城/g14.png"></a>
</ul>
</form>
</div>

</div>
<div class="clear"></div>
<!----------下面内容-------------->
<div id="footer">
<ul>
<li><a href="#">新手指南</a></li>
<li><a href="#">配送与支付</a></li>
<li><a href="#">会员中心</a></li>
<li><a href="#">服务保障</a></li>
<li><a href="#">联系我们</a></li>
</ul>
<p>感谢大家光临咖啡商城，希望大家下次来&copy; all right resreved</p>
</div>
</div>
</div>
</body>
</html>
